<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="css/login.css">
    <script src="js/zhuce.js"></script>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
</head>
<body>
    <div class="logintop">
        <img src="images/logo2.png" alt="">
    </div>
</header>
<main>
    <div class="container1">
        <div class="mleft col-lg-5 col-lg-push-1 col-md-6 visible-md visible-lg "></div>
        <div class="mright col-lg-5 col-md-6   col-sm-12 col-xs-12">
            <div class="mrighttop">注册</div>
           
            <div class="mima">请输入昵称：<input type="text" placeholder="请输入昵称" id="name"></div>
            <div style="color: red;visibility:hidden;"  class="mima_div">昵称不能为空</div>
             <div class="zhanghao"> 请输入账号：<input type="text" placeholder="请输入手机号" id="tele"></div>
             <div style="color: red;visibility:hidden;"  class="mima_div">手机号不能为空</div>
            <div class="mima">请输入密码：<input type="password" placeholder="请输入密码" id="pwd"></div>
            <div style="color: red;visibility:hidden;"  class="mima_div">密码不能为空</div>
            <div class="mima">请确认密码：<input type="password" placeholder="请再次输入密码" id="newpwd"></div>
            <div style="color: red;visibility:hidden;"  class="mima_div">确认密码不能为空</div>
            <div class="denglu1">注册</div>
            <div class="xieyi"><input type="checkbox" checked="checked">我已阅读并同意 <span>食界使用协议</span></div>

        </div>
    </div>

</main>
<footer>
    <div class="foot hidden-xs">
        <ul class="f1 ">
            <li>关于食界</li>
            <li>食界美食</li>
            <li>意见反馈</li>
            <li>品牌馆</li>
            <li>菜谱大全</li>
        </ul>
        <p>@2016-2020 欢迎访问我们食界 <a href="">唯有爱与美食不可辜负</a> </p>
    </div>



</footer>
</body>
</html>